草庐IT

细读 ES6 | Generator 生成器

全部标签

javascript - "..."在 Javascript (ES6) 中意味着什么?

这个问题在这里已经有了答案:JavascriptPropertywiththreedots(...)(5个答案)关闭5年前。我正在学习Redux、React和ES6。我已经用JS开发了,但是ES6的这个新世界让我感到惊讶,它有很多新东西,比如“=>”来声明箭头函数等等。然而,在这个新的Redux研究中,我在代码中间遇到了...。下面我举个例子:import{combineReducers,createStore}from'redux'constuserReducer=(state={},action)=>{switch(action.type){case'CHANGE_NAME':st

JavaScript ES6 - promise 解决和事件之间可能存在竞争条件?

是否可以在promise解析和promise等待返回之间执行用户代码?functiona(){returnnewPromise(resolve=>{setTimeout(()=>{//Betweenhere...resolve()},1000))}}asyncfunctionb(){awaita()//...andhere?}规范是否强制立即调用Promise回调?我想知道2点之间的虚拟机是否可以处理一个事件,这可能会导致副作用。 最佳答案 不,它不强制立即调用。Thespec在解决一个promise时会经历许多步骤,其中之一是:P

javascript - 在 Javascript ES6 的子类中扩展父类方法

我想在父类中扩展子类的特定方法的功能。我还在习惯ES6中的OOP,所以我不确定这是否可行或违反规则。我正在寻找这样的东西:classParent{constructor(elem){this.elem=elem;elem.addEventListener((e)=>{this.doSomething(e);});}doSomething(e){console.log('doingsomething',e);}}classChildextendsParent{constructor(elem){//setsupthis.elem,eventlistener,andinitialdefin

javascript - react ES6 : Get selected value in dropdown list using semantic UI

给定以下数据,我如何获取鸟类名称并将其推送(使用添加按钮)到一个新数组以显示在另一个div中(使用reactes6)?所以基本上我希望用户从语义下拉列表中单击一只鸟并将其显示在不同的div中,例如如下所示。这可能很简单,但是当我使用语义元素时,我似乎找不到解决方法。我需要使用onChange吗?我需要在我正在导出的类中执行此操作(react)(只是没有显示类/构造函数/状态定义)Howcanidisplay'Bird_Name'here?addClick=()=>{}const{Button,Container,Divider,Dropdown,Header,Message,Segme

javascript - ES2015 类阻止设置原型(prototype)

我发现ES2015类阻止设置(重新定义)它们的原型(prototype)。人们经常声称ES2015类只是ES5构造函数和基于原型(prototype)的继承之上的“语法糖”。但这是行为上的差异......这种行为是ES2015规范的一部分吗?我没有找到关于此的任何文档......以下示例说明了差异:functionPet(){}Pet.prototype.eat=()=>{console.log('Petiseating...');}Pet.prototype={eat:function(){console.log('PetisREALLYeating...')}};constpet=

javascript - JavaScript ES6 (<<) 中的按位左移是否在 63 位以上循环?

我对JS(ES6)中的然而,根据经验,我注意到在V8和JSC中,如果我们移动64位或更多位,设置位似乎会突然重新出现。(255"11111111"这与我的预期相反,我的预期是更大的移位将无限期地只在右侧产生零。我没有立即在 最佳答案 规范(Section12.8.3.1)指定要移位的位数被屏蔽:ShiftExpression:ShiftExpressionLetlrefbetheresultofevaluatingShiftExpression.LetlvalbeGetValue(lref).ReturnIfAbrupt(lval)

javascript - 如何使用 `ArrayBuffer` 从 `bytes` 生成 `js_of_ocaml`

我正在构建一个在Ocaml中实现并使用js_of_ocaml编译为JavaScript的JavaScript库.我的一个Ocaml函数返回一个带有二进制数据的string。我如何使用js_of_ocaml作为ArrayBuffer公开它? 最佳答案 当您编译为javascript时,在string中操作二进制数据非常容易出错!根本原因是js_of_ocaml的选择有问题:因为javascript字符串以UTF16编码,而OCaml字符串(隐式)以UTF8编码,js_of_ocaml尝试在两者之间导航。因此,当它遇到代码为>127的“

Javascript 生成器问题 - 解释这段代码

我正在阅读FlavioScopes的“TheJavaScriptHandbook”。他介绍了生成器的概念。function*calculator(input){vardoubleThat=2*(yield(input/2))varanother=yield(doubleThat)return(input*doubleThat*another)}//Hethenrunsthefollowingcodeconstcalc=calculator(10)console.log(calc.next())输出{value:5,done:false}calc.next(7);输出:{value:14

javascript - 如何识别 ES6 生成器

假设我有一个这样的生成器函数:varg=function*(){yield1;yield2;yield3;};vargen=g();我如何以编程方式判断g是一个生成器函数,或者gen是一个迭代器?这似乎是一种可能性:g.constructor.name==='GeneratorFunction'有没有更好的办法?更新:我结束了takinganapproach类似于Eric'sanswer,但使用eval首先确定目标平台是否支持生成器。这是实现:varGeneratorConstructor=(function(){try{vargenerator;returneval('generat

javascript - (为什么)我不能从生成器中抛出异常吗?

我试图从ES6生成器函数的主体中抛出异常,但它没有通过。这是ES6规范的一部分还是Babel的怪癖?这是我试过的代码(onbabeljs.io):function*gen(){thrownewError('x');}try{gen();console.log('notthrowing');}catch(e){console.log('throwing');}如果这确实是指定的ES6行为,那么发出异常信号的替代方法是什么? 最佳答案 您创建了一个迭代器但没有运行它。varg=gen();g.next();//throws'x'(onb